<template>
  <view>
    <view class="re_box">
      <view class="re_ico"></view>
      <view class="re_tx1">企业实地认证报告</view>
      <view class="re_tx2">认证情况</view>
      <view class="re_tx3">{{reportInfo.companyname}}</view>
      <view class="re_tx4">
        <view class="t_bar">企业营业执照</view><view class="t_bar">企业地址信息</view>
        <view class="t_bar">企业办公环境</view><view class="t_bar">企业招聘信息</view>
        <view class="t_bar">企业福利待遇</view><view class="t_bar">企业资料信息</view>
        <view class="clear"></view>
      </view>
      <view class="re_tx5">人力资源师评价</view>
      <view class="re_tx6">{{reportInfo.evaluation}}</view>
      <view class="re_tx7">认证时间:{{reportInfo.addtime}}</view> 
      <view class="re_tx7 last">{{$store.state.config.sitename}}认证师：{{reportInfo.certifier}}</view>
      <view class="re_stamp"></view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'Report',
  props: ['reportInfo']
}
</script>

<style lang="scss" scoped>
  .re_box {
    width: 750rpx;
    height: auto;
    background-image:url($ImgUrl + 'report_bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;
    background-size: 750rpx auto;
    padding-top: 30rpx;
    position: relative;
    .re_ico {
      width: 116rpx;height: 96rpx;margin: 0 auto 10rpx;
      background-image: url($ImgUrl + "report_sd_ico.png");
	  background-repeat: no-repeat;
	  background-position:0 0;
      background-size: 116rpx 96rpx;
    }
    .re_tx1 {
      text-align: center;font-size: 48rpx;font-weight: bold;color: #cc3e34;margin-bottom: 16rpx;
    }
    .re_tx2 {
      text-align: center;font-size: 28rpx;color: #666;margin-bottom: 16rpx;
    }
    .re_tx3 {
      text-align: center;font-size: 30rpx;color: #333;margin-bottom: 60rpx;
    }
    .re_tx4 {
      padding: 0 80rpx;margin-bottom: 30rpx;
      .t_bar {
        float: left;width: 50%;position: relative;font-size: 36rpx;font-weight: bold;color: #333;
        background-image: url($ImgUrl + "report_finish_ico.png");
		background-repeat: no-repeat;
		background-position:226rpx center;
        background-size: 38rpx 30rpx;margin-bottom: 16rpx;
        &:nth-of-type(2n){
          padding-left: 30rpx;
          background-image: url($ImgUrl + "report_finish_ico.png");
		  background-repeat: no-repeat;
		  background-position:256rpx center;
          background-size: 38rpx 30rpx;
        }
      }
    }
    .re_tx5 {
      text-align: center;font-size: 36rpx;font-weight: bold;color: #cc3e34;margin-bottom: 30rpx;
    }
    .re_tx6 {
      font-size: 30rpx;color: #666;padding-bottom: 60rpx;line-height: 1.7;margin: 0 auto 40rpx;width: 680rpx;
    }
    .re_tx7 {
      font-size: 26rpx;color: #999;padding: 0 34rpx;margin-bottom: 10rpx;text-align: right;
      &.last {
        padding-bottom: 10rpx;
      }
    }
    .re_stamp {
      position: absolute;right: 30rpx;bottom: 120rpx;width: 150rpx;height: 150rpx;
      background-image: url($ImgUrl + "report_seal.png");
	  background-repeat: no-repeat;
	  background-position: 0;
      background-size: 150rpx 150rpx;
    }
  }
</style>
